@import '../../../assets/css/CommonStyle.scss';
.MyPatient {
  padding: 0 m-w(30);

  .search {
    margin-top: m-w(25);
    margin-bottom: m-w(40);
  }

  .listContainer {
    //overflow: scroll;
  }
  .patientList {
    .am-list-body,
    div.am-list-line {
      border: none;
    }
    .itemContainer {
      display: flex;
      .imgRow {
        display: flex;
        flex: 1;
        color: rgba($color: #333, $alpha: 0.5);
        font-size: m-w(26);
        justify-content: space-between;
        align-items: center;
      }
      .imgPortrait {
        width: m-w(60);
        height: m-w(60);
        border-radius: 50%;
      }
      .timeRow {
        display: flex;
        flex: 1;
        justify-content: flex-end;
        align-items: center;
        color: rgba($color: #333, $alpha: 0.5);
        font-size: m-w(26);
      }
      .name {
        font-size: m-w(34);
        font-weight: bold;
        color: #333;
        max-width: 70px;
        @include nowrap-elips;
      }
    }
    .codeContainer {
      display: flex;
      margin-top: m-w(28);
      align-items: center;
      .codeRow {
        display: flex;

        font-size: m-w(30);
        color: #333;
        flex: 1;
        .number {
          margin-left: m-w(15);
        }
      }
      .moreIcon {
        height: m-w(26);
        width: m-w(26);
      }
    }

    .am-list-item {
      border-radius: 8px;
      box-shadow: 0 0 10px 2px rgba(87, 82, 82, 0.09);
      padding: m-w(30) m-w(24);
      margin-bottom: m-w(24);
      .am-list-line::after {
        height: 0 !important;
      }
    }
    .am-list-body {
      &::after {
        height: 0px;
      }
      &::before {
        height: 0px;
      }
    }
  }
}
